-
Notifications
You must be signed in to change notification settings - Fork 349
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
PF4 Charts: Add ChartAxis for custom tic labels #1309
Conversation
PatternFly-React preview: https://1309-pr-patternfly-react-patternfly.surge.sh |
Pull Request Test Coverage Report for Build 4633
💛 - Coveralls |
Note that this is just a wrapper around a Victory component -- an initial pass, similar to the other chart components. (We're currently using VictoryAxis component directly in our code.) The @patternfly/react-charts package still needs to be themed with colors, margins, etc. |
As far as I'm aware, there is no overlap with this in core since we don't have a chart solution in core. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
Rebased |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
@dlabrecq Can you please rebase again please. Some changes were made in Master to fix failing Build. Thanks. |
Rebased. Please approve, again. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
ChartAxis is a wrapper for VictoryAxis, which allows users to customize chart tic labels along the x/y axis.
Rebase number 3. Please merge! |
ChartAxis is a wrapper for VictoryAxis, which allows users to customize chart tic labels along the x/y axis.
This will allow Cost Management project to customize the tic labels as needed. For example, instead of crowding the chart with too many labels, we can limit the number and customize the label values.
Cost Management Example:
PatternFly React Example: